<template>
	<view class="loading">
		<uni-icons custom-prefix="iconfont" type="icon-iconfont_guangpan" :size="size" />
	</view>
</template>

<script>
	export default {
		name:"loading",
		props: {
			size: {
				type: Number,
				default: () => 12,
			}
		}
	}
</script>

<style lang="scss">
	.loading {
		animation: circle infinite 0.75s linear;
	}

	// 转转转动画
	@keyframes circle {
		0% {
			transform: rotateZ(0);
		}

		100% {
			transform: rotateZ(360deg);
		}
	}
</style>